<!DOCTYPE html>
<html>

<head>
    <title>个人简介</title>
    <meta charset="utf-8">
    <style>
        #banner {
            height: 600px;
            background-image: url(bg.jpg);
            background-position: 50% 50%;
            color: greenyellow;
            text-align: center;
            padding-top: 50px;
            line-height: 600px;
            font-size: 50px;
        }
        
        body {
            margin: 0;
            margin-bottom: 80px;
            background-color: #ffed97;
        }
        
        #bg2 {
            background-image: url(10.jpg);
            background-size: 100% 100%;
            width: 1200px;
            height: 400px;
            margin: 0 auto;
            /*border: solid 1px red;*/
            /*text-align:center;*/
        }
        #bg3{
            background-image: url(bg3.jpg);
            background-size: 100% 100%;
            /*width: 1000px;*/
            height: 600px;
            margin: 0 auto;
            position: relative;
            
        }
        
        .pic {
            width: 1000px;
            margin: 0 auto;
        }
        
        p {
            text-indent: 2em;
        }
        
        img {
            width: 100%;
            border-radius: 50%;
        }
        
        h1 {
            margin: 0;
            padding-top: 290px;
        }
        
        .nn {
            padding-top: 40px;
            margin: 0;
        }
        .img2{
            width: 150px;
            height: 150px;
            position: absolute;
            left: 100px;
            top:300px;
        }
        .img3{
            width: 150px;
            height: 150px;
            position: absolute;
            top:100px;
            left: 500px;
            
        }
        .img4{
            width: 150px;
            height: 150px;
            position: absolute;
            top:350px;
            left: 800px;
            
        }
        #bg1{
            background-color: pink;
            height: 50px;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 2;
            line-height: 50px;
            
            
        }
        /*a{
            display: inline-block;
            
        }*/
        #d2{
            height: 50px;
             width: 800px;
            margin: 0 auto;
            text-align: center;
        
        }
        #d2 a{
            display: inline-block;
            height: 50px;
            margin: 0 20px;
            font-size: 20px;
            text-decoration: none;
        }
        #d2 a:hover{
            background-color: yellow;
        }
    </style>
</head>

<body>
    
    <div id="bg1"> 
        <div id="d2">
        <a href="#title0">我的学校</a>
        <a href="#title1">我的同学</a>
        <a href="#title2">我的家乡</a>
        <a href="#title3">我最喜欢的明星</a>
        <a href="#title4">我的星座</a>
        </div>
    </div>
    <div id="banner">
        我的主页
    </div>
    <div id="bg2">
        <p class="nn">姓名：汪宏伟</p>
        <p class="nn">性别：男</p>
        <p class="nn">民族：汉</p>
        <p class="nn">出生年月：1995-11-16</p>
        <p class="nn">家庭住址：河南固始</p>
        

    </div>
    <!--<div>
         <h2>我的同学</h2>
        <p>我有三个好朋友</p>
    </div>-->
    
        
    <div class="pic">
        
        <h2 id="title0"><a href="http://www.hhstu.edu.cn/" target="_blank">我的学校</a></h2>
        <p>黄河科技学院位于河南郑州。学校创立于1984年10月；1994年2月，经国家教育委员会批准建立民办黄河科技学院，实施高等专科学历教育；2000年3月，经国家教育部批准，在民办专科层次的基础上建立新的本科层次的黄河科技学院；2004年取得学士授予权。</p>
        <img src="1.jpg">
        <hr>
        <h2 id="title1">我的同学</h2>
        <div id="bg3">

            <img class="img2 " src="11.jpg">
            <img class="img3" src="12.jpg">
            <img class="img4" src="13.jpg">
       
    </div>
        <h2 id="title2"> <a href="http://baike.baidu.com/link?url=xtitPEdmiPFylWS8IXTg9Ibr75BrNFwa5AZiD4N72J3i-uq5TQWH3NJWKEPVPyrKIWuxdWE0OEMd8of8de2jDjkcX7N9iT1lsLQ70EQWsfMc4ljD7_13_f5JwgiDWrbJkqjuXlIrczXNzzpxklnoSGc7gt6Cgob7COAmyWYgAkO"
                target="_blank">我的家乡</a></h2>
        <p>固始县，河南省直管县 ，位于河南省东南端，豫皖两省交界处，南依大别山，北临淮河，属华东与中原交融地带，中国南北地理分界线（秦岭-淮河分界线）穿境而过，素有“北国江南，江南北国”之称。</p>
        <img src="2.jpg">
        <hr>
        <h2 id="title3"><a href="http://baike.baidu.com/link?url=HXsWh5km-ATy8Zh_1XAKqs8crlXj2ZSI7siiJOhGoa7fiqFqxybK4_ibcRluXHt2orznL59Vzw67cpXKoZSyKDNgrNPaJh59fAXOENYH2e104IybBMbswDlLj87i1U0E"
                target="_blank">我最喜欢的明星</a></h2>
        <p>迪丽热巴（Dilraba），1992年6月3日出生于新疆乌鲁木齐，中国内地女演员，毕业于上海戏剧学院。2013年，主演个人首部电视剧《阿娜尔罕》。2014年参演古装玄幻剧《古剑奇谭》，2015年主演校园魔幻网络剧《逆光之恋》
            ，同年凭借都市爱情剧《克拉恋人》获得2015年国剧盛典最受欢迎新人女演员。2016年8月，主演都市爱情剧《麻辣变形计》。2017年1月，主演的都市爱情喜剧《漂亮的李慧珍》，同月，主演古装仙侠剧《三生三世十里桃花》，并凭借该剧提名上海电视节“白玉兰奖”最佳女配角。</p>
        <img src="3.jpg">
        <hr>
        <h2 id="title4"><a href="http://baike.baidu.com/link?url=SVz8Ob7QOuAjGXopYJrIH9NokOHzqhQkpeucf5owyWsg9gJAVWv3kdyzsZCuWsd-VOa7tTPoTec1VByM4Cd_TIPxmVGqXLrCiQMqJFM9wUKw-IFqmjpZENnVtGlSsXgz"
                target="_blank">我的星座</a></h2>
        <p>天蝎座（Scorpio），出生日期为10月24日—11月22日。是十二星座之黄道第八宫，位于天秤座之东，射手座之西。</p>
        <img src="0.jpg">
        <hr>
    </div>
</body>

</html>